import { FC } from 'react';
import { Button, Modal } from 'antd';
import styles from './aboutUs.module.less';
interface IAboutUsModalProps {
  visible: boolean;
  setVisible: (flag: boolean) => void;
}

const AboutUsModal: FC<IAboutUsModalProps> = (props) => {
  const { visible, setVisible } = props;
  return (
    <Modal
      title="关于我们"
      visible={visible}
      destroyOnClose={true}
      onCancel={() => setVisible(false)}
      bodyStyle={{ padding: '24px' }}
      footer={null}
    >
      <div className={`flex flex-col ai-center ${styles.aboutUs}`}>
        <img
          className={styles.logoImg}
          src={require('@/images/about-logo.png')}
        />
        <div>
          <a href="https://www.wondermole.com/" target="_blank">
            <span className={styles.linkSpan}>https://www.wondermole.com/</span>
          </a>
        </div>
        <div className={`flex ai-end ${styles.minerHubLine}`}>
          <img
            className={styles.minerHubImg}
            src={require('@/images/about-footer.png')}
          />
          <span>版权所有</span>

          <span onClick={() => window.open('https://minerhub.com/')}>
            关于我们
          </span>
        </div>
        <div className={styles.crText}>
          Copyright © 2019 Minerhub. All Right Reserved
        </div>
      </div>
    </Modal>
  );
};

export default AboutUsModal;
